import React from "react";

import { uniqueId } from "lodash";

const FilePem = () => {
  const clipPathId = uniqueId("clip-path-");

  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
      <g clipPath={`url(#${clipPathId})`}>
        <path
          fill="#fff"
          stroke="#192147"
          strokeWidth={0.5}
          d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
        />
        <path
          fill="#C5C7D1"
          d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
        />
        <path
          stroke="#192147"
          strokeWidth={0.5}
          d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
        />
        <path
          fill="#C5C7D1"
          d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
        />
        <rect
          width={27.7}
          height={16.35}
          x={0.25}
          y={18.25}
          fill="#515774"
          rx={1.75}
        />
        <path
          fill="#fff"
          d="M4.6 31.084v-6.918h1.795v.878h.04c.065-.17.161-.327.288-.469.126-.144.284-.259.472-.344a1.54 1.54 0 0 1 .655-.131c.332 0 .647.088.946.265.302.177.546.456.734.836.19.38.285.873.285 1.48 0 .581-.09 1.063-.272 1.445-.179.382-.419.667-.72.855-.3.188-.628.282-.986.282-.236 0-.447-.038-.633-.115a1.46 1.46 0 0 1-.471-.317 1.469 1.469 0 0 1-.298-.46h-.027v2.713H4.6Zm1.769-4.403c0 .245.032.457.095.636a.953.953 0 0 0 .275.413c.12.096.263.144.43.144a.65.65 0 0 0 .422-.141.886.886 0 0 0 .269-.41c.063-.179.095-.393.095-.642 0-.248-.032-.462-.095-.638a.864.864 0 0 0-.27-.41.64.64 0 0 0-.422-.144.666.666 0 0 0-.429.144.906.906 0 0 0-.275.41c-.063.177-.095.39-.095.638ZM12.8 29.29c-.538 0-1-.104-1.39-.309a2.158 2.158 0 0 1-.894-.89c-.207-.39-.311-.855-.311-1.396 0-.52.105-.974.314-1.363.21-.389.506-.692.888-.908.382-.216.833-.324 1.353-.324.38 0 .724.059 1.032.177.308.118.571.29.79.514.218.223.386.494.504.813.118.319.177.678.177 1.077v.42h-4.495v-.996h2.83a.693.693 0 0 0-.11-.38.71.71 0 0 0-.286-.259.837.837 0 0 0-.402-.095.862.862 0 0 0-.404.095.76.76 0 0 0-.294.256.72.72 0 0 0-.115.383v1.074c0 .162.034.306.102.433a.736.736 0 0 0 .291.298c.127.072.28.108.459.108.124 0 .238-.017.34-.052a.767.767 0 0 0 .27-.151.614.614 0 0 0 .163-.242h1.651a1.88 1.88 0 0 1-.403.91 2.09 2.09 0 0 1-.842.596c-.347.14-.753.21-1.219.21ZM15.816 29.197v-5.031h1.717v.956h.052c.105-.314.284-.563.538-.747a1.5 1.5 0 0 1 .904-.275 1.5 1.5 0 0 1 .914.282c.255.185.41.432.462.74h.052a1.28 1.28 0 0 1 .544-.74 1.7 1.7 0 0 1 .976-.282c.483 0 .874.155 1.173.465.301.31.452.723.452 1.238v3.394h-1.808v-2.935c0-.22-.056-.393-.167-.518a.568.568 0 0 0-.45-.19.554.554 0 0 0-.441.19c-.108.125-.161.297-.161.518v2.935h-1.73v-2.935c0-.22-.055-.393-.167-.518a.568.568 0 0 0-.448-.19.587.587 0 0 0-.322.086.568.568 0 0 0-.21.245.898.898 0 0 0-.071.377v2.935h-1.809Z"
        />
        <rect
          width={27.7}
          height={16.35}
          x={0.25}
          y={18.25}
          stroke="#192147"
          strokeWidth={0.5}
          rx={1.75}
        />
      </g>
      <defs>
        <clipPath id={clipPathId}>
          <path fill="#fff" d="M0 0h34v40H0z" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default FilePem;
